<div class="invest-balance">
  <div class="index-top">
    <div class="back" routerLink="/indexMy">
      <img src="../../../assets/icons/back2.png" alt="">
    </div>
    <p>{{titel}}</p>
  </div>


  <div class="invest-balance-body">
    <div class="invest" style="display: flex;">
      <div class="img-body"><img src="{{selitem?.logo ? selitem.logo : '../../../assets/icons/my.png'}}" alt=""></div>
      <h1>{{selitem?.providerName ? selitem.providerName : '游戏平台名称' }} 
        <br>
        <font style="color: #999999; font-size: 1.875rem;">{{ 'websiteRedeploy.html15' | translate }}：{{selitem?.balance ? selitem?.balance : '0'}} Jpoint</font> 
      </h1>
      <a (click)='showlist()'>{{ 'websiteRedeploy.html16' | translate }}</a>
    </div>
    <form [formGroup]="investForm" (ngSubmit)="toPay(investForm)">
      <div class="invest">
        <div class="cash">
          <div class="weui-cell weui-cell_vcode">
            <div class="weui-cell__bd">
              <input class="weui-input" type="number" placeholder="{{ 'websiteRedeploy.html17' | translate }}"
                formControlName="value" name="value" />
            </div>
            <div class="weui-cell__ft" *ngIf='!investForm.controls.value.valid && investForm.controls.value.dirty'>
              <i style="width: 2rem;margin-left: 1rem;" class="weui-icon-warn"></i></div>
          </div>
          <p>Jpoint</p>
        </div>
        <p>
          <!-- = 1000 日元 -->
        </p>
      </div>
    </form>

    <!-- <div class="invest-radio">
      <div class="weui-cells_radio">
        <label class="weui-cell weui-check__label" for="radio-{{ i.id }}" *ngFor="let i of radio">
          <div class="weui-cell__bd" style="display: flex;">
            <img style="width: 3rem;height: 3rem;" src="{{i.img}}" alt="">
            <p style="margin-left: .5rem;">{{ i.name }}</p>
          </div>
          <div class="weui-cell__ft">
            <input type="radio" class="weui-check" [(ngModel)]="radioType" name="radio1" [value]="i"
              id="radio-{{ i.id }}" />
            <span class="weui-icon-checked"></span>
          </div>
        </label>
      </div>
    </div> -->

    <div class="subbtn">
      <button weui-button disabled='{{!investForm.valid}}' (click)='toPay(investForm)'>{{ 'websiteRedeploy.html18' | translate }}</button>
    </div>
  </div>

  <div class="fixed-box" *ngIf="dialogShow">
    <div class="pay-sure-box" *ngIf="!isError">
      <!-- <i class="icon-close" (click)="onOutsize(false)">╳</i> -->
      <img src="../../../assets/images/invest-page/ok.png" alt="">
      <h3>{{ 'websiteRedeploy.html26' | translate }}</h3>
      <div class="btn" routerLink="/walletList">
        <a>{{ 'websiteRedeploy.html20' | translate }}</a>
      </div>
    </div>
    <div class="pay-sure-box" *ngIf="isError">
      <!-- <i class="icon-close" (click)="onOutsize(false)">╳</i> -->
      <img src="../../../assets/images/invest-page/error.png" alt="">
      <h3 style="color:#FA483B">{{ 'websiteRedeploy.html21' | translate }}</h3>
      <p>{{ 'websiteRedeploy.html28' | translate }}</p>
      <div class="btn" routerLink="/walletList">
        <a>{{ 'websiteRedeploy.html20' | translate }}</a>
      </div>
    </div>
  </div>
</div>
